<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=\, initial-scale=1.0">
    <title>Xiaomi 13立即购买-小米商城</title>
    <!--引入重置样式表-->
    <link rel="stylesheet" href="../css.style/reset.css">
    <!--引入图标字体库-->
    <link rel="stylesheet" href="../FontAwesome/css/all.css">
    <!--引入当前页面的样式表-->
    <link rel="stylesheet" href="./project.css">
    <!--引入公共样式-->
    <link rel="stylesheet" href="./base.css">
</head>
<body>
    <!--创建顶部导航条-->
    <!--外部容器-->
    <div class="topbar-wrapper">
        <!--创建内部容器-->
        <div class="topbar w clearfix">

            <!--左侧导航条-->
            <ul class="service">
                <li><a href="javascript:;">小米商城</a></li>
                <li class="line">|</li>
                <li><a href="javascript:;">MIUI</a></li>
                <li class="line">|</li>
                <li><a href="javascript:;">loT</a></li>
                <li class="line">|</li>
                <li><a href="javascript:;">云服务</a></li>
                <li class="line">|</li>
                <li><a href="javascript:;">金融</a></li>
                <li class="line">|</li>
                <li><a href="javascript:;">有品</a></li>
                <li class="line">|</li>
                <li><a href="javascript:;">小爱开放平台</a></li>
                <li class="line">|</li>
                <li><a href="javascript:;">企业团购</a></li>
                <li class="line">|</li>
                <li><a href="javascript:;">资质证照</a></li>
                <li class="line">|</li>
                <li><a href="javascript:;">协议规则</a></li>
                <li class="line">|</li>
                <li><a href="javascript:;">
                    下载app
                    <!--添加弹出层-->
                    <div class="qrcode">
                        <img src=""
                    </div>
                </a></li>
                <li class="line">|</li>
                <li><a href="javascript:;">Select Location</a></li>
                <li class="line">|</li>
            </ul>

            <!--购物车-->
            <ul class="shop-cart">
                <li>
                    <a href="javascript:;">
                        <i class="fas fa-shopping-cart"></i>购物车（0）
                    </a>
                </li>
            </ul>

            <!--用户信息-->
            <ul class="user-info">
                <li><a href="javascript:;">登录</a></li>
                <li class="line">|</li>
                <li><a href="javascript:;">注册</a></li>
                <li class="line">|</li>
                <li><a href="javascript:;">消息通知</a></li>
            </ul>
        </div>
    </div>
</body>
</html>